<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网格地图查看</title>
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../public/css/app.css" media="all" />
    <link rel="stylesheet" href="../public/css/doc.css" media="all">
    <link rel="stylesheet" href="../public/css/message.css" media="all">
    <link rel="stylesheet" href="../public/css/nprogress.css" media="all">
    <link rel="stylesheet" href="../public/css/netmap/css.css" media="all">
    <link rel="stylesheet" href="../public/css/netmap/bootstrap.min.css" media="all">
</head>
<body>
<body>
	<div id="cg-community-box">
		<!-- <div class="community-title">
			<span>蔡关社区第1网格1栋1-1</span>
		</div> -->
		<div class="household-mode">
			<div class="household-left"> 
				<div class="content-left">
					<p>
						<span>姓名：{{ data.userName }}</span>
						<span style="margin-left: 200px">与户主关系：{{ data.householderRel }}</span>
					</p>
					<p>
						<span>身份证：{{ data.identifyNumber }}</span>
					</p>
					<p>
						<span>联系电话：{{ data.telephone }}</span>
					</p>
					<p>
						<span>出生日期：</span>
					</p>
				</div>
				<div class="head-portrait">
					<div class="head-portrait-img">
						<img alt="" :src="data.headPic">
					</div>
				</div>
				<div class="content-box">
					<p>
						<span>性别：{{ data.genderStr }}</span>
					</p>
					<p>
						<span>民族：{{ data.nation }}</span>
					</p>
				
					<p>
						<span>文化程度：{{ data.educationLevel }}</span>
					</p>
					<p>
						<span>兵役状况：{{ data.militaryServiceStatusStr }}</span>
					</p>
					<p>
						<span>工作单位：{{ data.workUnit }}</span>
					</p>
					<p>
						<span>是否重点优抚对象：{{ data.helpTargetFlgStr }}</span>
					</p>
					<p>
						<span>是否享受低保：{{ data.enjoyLivingAllowancesFlgStr }}</span>
					</p>
					<p>
						<span>违反治安情况行政拘留：{{ data.violationPeaceSituationStr }}</span>
					</p>
					<p>
						<span>是否残疾：{{ data.deformityFlgStr }}</span>
					</p>
					<p>
						<span>是否参加邪教组织：{{ data.joinCultFlgStr }}</span>
					</p>
					<p>
						<span>违法情况：{{ data.illegalSituationStr }}</span>
					</p>
					<p>
						<span>幸福家庭五评比情况：{{ data.happinessFamilyRateStr }}</span>
					</p>
					<p>
						<span>涉毒情况：{{ data.concernedDrugsStr }}</span>
					</p>
					<p>
						<span>享受服务情况：{{ data.enjoyServiceFlgStr }}</span>
					</p>
					<p>
						<span>养老保险：{{ data.endowmentInsuranceStr }}</span>
					</p>
					<p>
						<span>户籍信息：{{ data.permanentAddress }}</span>
					</p>
				<!-- 	<p>
						<span>家庭成员：</span>
					</p> -->
					<p>
						<span>政治面貌：{{ data.politicalStatusStr }}</span>
					</p>
				</div>
			</div>
			<div class="household-right"> 
			    <template v-for="name of data.userNames">
			        <button type="button" class="btn btn-primary" @click="getUserInfoByName(name)">{{ name}}</button><br />
			    </template>
			</div>
		</div>
	</div>
</body>
<script src="../plugins/vue/vue.min.js"></script>
<script src="../plugins/vue/bootstrap.min.js"></script>
<script src="../plugins/layui/layui.js"></script>
<script src="./js/netmap_floor_detail.js"></script>
</html>
